<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>購物車</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../../plug-in/mui/css/mui.css">
    <link rel="stylesheet" href="../../plug-in/iconfont/iconfont.css">

    <link rel="stylesheet" href="../common/head.css">
    <link rel="stylesheet" href="index.css">
    <script src="../../plug-in/jquery/jquery-3.4.1.min.js"></script>

    <script src="../common/head.js"></script>
</head>

<body>

<header class="mui-bar mui-bar-nav common-header" style="box-shadow: 0 0px 0px #fff;">
    <h1 class="mui-title">購物車</h1>
</header>

<nav class="mui-bar mui-bar-tab common-nav">
    <a id="home" class="mui-tab-item" href="#tabbar">
        <span class="mui-icon iconfont iconhome"></span>
        <span class="mui-tab-label ">首頁</span>
    </a>
    <a id="classify" class="mui-tab-item " href="#tabbar-with-chat">
        <span class="mui-icon iconfont iconclassify"></span>
        <span class="mui-tab-label">分類</span>
    </a>
    <a id="cart" class="mui-tab-item mui-active" href="#tabbar-with-contact">
        <span class="mui-icon iconfont iconcart"></span>
        <span class="mui-tab-label">購物車</span>
    </a>
    <a id="me" class="mui-tab-item" href="#tabbar-with-map">
        <span class="mui-icon iconfont iconme"></span>
        <span class="mui-tab-label">我的</span>
    </a>
</nav>

<div class="tool">
    <div class="selected">
        <div class="mui-input-row mui-checkbox mui-left">
            <label id="selectedNum">已選(0)</label>
            <input id="allCheckBtn" type="checkbox">
        </div>
    </div>
    <div id="orderBtn" class="order-btn">下單</div>
    <div class="total-price">
        <span>NT$</span><span id="total">0</span>
    </div>
</div>


<div class="mui-content" style="height: 100%; background-color: white">

    <div class="free">
        再購NT$109可免郵
    </div>
    <ul id="itemList" class="mui-table-view item-list">
    </ul>
</div>

</body>
<script src="../../plug-in/mui/js/mui.js"></script>
<script src="../common/footer.js"></script>

<script src="index.js"></script>

</html>
